<template>
  <div class="routeBg">
    <div class="routeBgOpacity" @click="cancel"></div>
    <div class="routeBgDivIntro">
      <div class="closeImgDiv" @click="cancel"><img src="/static/images/user/applycancel.png"></div>
      <div class="routeBgDivTxt">
        <div class="routeBgDivImg"><img src="/static/images/user/applyremid.png"></div>
        <div class="userHeader">提交成功</div>
        <div class="userName">请耐心等待审核...</div>
        <div class="remind">预计1到2个工作日内审核完毕</div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data(){
      return{
        timer: null,//倒计时
      }
    },
    mounted() {
      clearTimeout(this.timer)
      this.timer = setTimeout(()=>{
        const url = '../user/main';
        wx.switchTab({ url })
      }, 3000);  
    },
    methods:{
      cancel(){
        this.$emit("cancelopenpage",false)
      },
    }
  }
</script>
<style scoped>
img{
  width: 100%;
  height: 100%;
  display: block;
}
.routeBg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 101; 
}
.routeBg .routeBgOpacity{
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.6;
  position: relative;
  z-index: 1;
}
 .routeBg  .routeBgDivIntro{
  position: absolute;
  z-index: 2;
  width: 403rpx;
  height: 422rpx;
  background:#fff;
  border-radius: 10rpx;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.routeBg .routeBgDivIntro .closeImgDiv{
  width: 28rpx;
  height: 28rpx;
  position: absolute;
  top: 20rpx;
  right: 20rpx;
}
.routeBg .routeBgDivIntro .routeBgDivTxt{
  position: absolute;
  top: 60rpx;
  width: 100%;
  color:#2c2c2c;
  font-size: 30rpx;
  text-align: center;
  overflow: hidden;
}
.routeBg .routeBgDivIntro .routeBgDivTxt .routeBgDivImg{
  width: 156rpx;
  height: 144rpx;
  margin: 0 auto;
}
.routeBg .routeBgDivIntro .routeBgDivTxt .userHeader{
  margin-top: 25rpx;
  margin-bottom: 5rpx;
}
.routeBg .routeBgDivIntro .routeBgDivTxt .remind{
  color:#9D9D9D;
  font-size: 26rpx;
  margin-top: 20rpx;
}
</style>
